import Tabs, { TabsProps } from '@/components/Tabs';
import React from 'react';
import { useIntl } from 'umi';
import OverviewCom from './OverviewCom';
import PackageMang from './PackageMang';

const App: React.FC = () => {
  const intl = useIntl();
  const items: TabsProps['items'] = [
    {
      key: '0',
      label: intl.formatMessage({
        id: 'remoteUpgradeMangment.componentManagement.overviewOfPlantComponent',
      }),
      children: <OverviewCom />,
    },
    {
      key: '1',
      label: intl.formatMessage({
        id: 'remoteUpgradeMangment.componentManagement.componentPackageManagement',
      }),
      children: <PackageMang />,
    },
  ];

  return (
    <div>
      <Tabs items={items} />
    </div>
  );
};

export default App;
